// index.js
// 获取应用实例
const app = getApp()

const locationArr = [
  {id: '1', name: '1层'},
  {id: '2', name: '2层'},
  {id: '3', name: '3层'},
  {id: '4', name: '4层'},
  {id: '5', name: '5层'}
];

const placeArr = [
  {id: '1', name: '厨房门'},
  {id: '2', name: '室内门'},
  {id: '3', name: '厕所门'},
  {id: '4', name: '卧室门'},
  {id: '5', name: '入户门'}
];

const positonArr = [
  {id: '1', name: '钥匙孔'},
  {id: '2', name: '踢脚线'},
  {id: '3', name: '厕所门'},
  {id: '4', name: '卧室门'},
  {id: '5', name: '入户门'}
];

Page({
  data: {
    background: [
      {url: 'https://via.placeholder.com/710x300?text=1'},
      {url: 'https://via.placeholder.com/710x300?text=2'},
      {url: 'https://via.placeholder.com/710x300.png?text=3'}
    ],
    shops: [1,2,3,4,5,6,7,8,9],
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),

    show: false,
    radio: "1",
    showCart: false,
    scrollY: true,
    columns: [
      {
        values: locationArr,
        className: 'column1'
      },
      {
        values: placeArr,
        className: 'column2'
      },
      {
        values: positonArr,
        className: 'column3'
      }
    ],
    proUpgradeColumns: [
      {
        values: locationArr,
        className: 'column1'
      },
    ],
    showBaseInfo: true,// 是否展示录入产品 tab 页
    selStation: false,// 选择位置
    selProName: false,//产品名称
    selProUpgrade: false,//产品升级
  },
  // 事件处理函数
  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad() {
    if (app.globalData.userInfo) {
      this.setData({
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    } else if (this.data.canIUse) {
      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      app.userInfoReadyCallback = res => {
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    } else {
      // 在没有 open-type=getUserInfo 版本的兼容处理
      wx.getUserInfo({
        success: res => {
          app.globalData.userInfo = res.userInfo
          this.setData({
            userInfo: res.userInfo,
            hasUserInfo: true
          })
        }
      })
    }
  },
  getUserInfo(e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  },
  // 切换身份弹窗
  showPopup() {
    wx.hideTabBar({
      // animation: true,
      success: () => {
        this.setData({ show: true });
      }
    })
  },

  onClose() {
    this.setData({ show: false })
    wx.showTabBar({
      animation: false,
    })
  },
  // 点击单选框选择身份
  changeRole(e) {
    console.log(e)
    this.setData({
      radio: e.detail
    })
  },
  // 点击行选择身份
  onClick(e){
    const { name } = e.currentTarget.dataset;
    console.log("cell: ", e)
    this.setData({
      radio: name,
    });
  },
  // 点击限时特价，跳转到产品列表页
  goGoodsList(e) {
    console.log(e)
    wx.navigateTo({
      url: '../goodsList/goodsList',
    })
  },
  // 点击商品，跳转到商品详情页
  goGoodsDetail(e){
    console.log('goto detail: ',e);
    wx.navigateTo({
      url: '../goodsDetail/goodsDetail',
    })
  },
  // 去购物车
  showCart(){
    this.setData({ showCart: true })
  },
  hideCart(){
    this.setData({ showCart: false })
  },
  onGoodsNumChange(event) {
    console.log(event.detail);
  },
  // 点击选择,跳转到子组件显示 选择页面
  goSelPage(e){
    console.log('goSelStation',e);
    const { dataset:{ sel } } = e.currentTarget
    this.setData({
      showBaseInfo: false,
      [sel]: true
    })
  },
  // 返回
  selPageReturn(e){
    const { dataset:{ sel } } = e.currentTarget
    this.setData({
      showBaseInfo: true,
      [sel]: false
    })
  },
  // 选择位置切换
  stationChange(picker, values) {
    //在change 第一列的时候，动态更改第二列的数据
    //setColumnValues是vant自带的实例方法
    //第一个参数是列数，从0开始；第二个参数是第二列应该显示的数据
    // picker.setColumnValues(1, country [values[0].name]);
    console.log(picker, values);
  },
  // 选择位置点击确认
  confirmSelStation(){
    this.setData({
      showBaseInfo: true,
      selStation: false
    })
  },
   // 产品升级切换
   proUpgradeChange(picker, values) {
    //在change 第一列的时候，动态更改第二列的数据
    //setColumnValues是vant自带的实例方法
    //第一个参数是列数，从0开始；第二个参数是第二列应该显示的数据
    // picker.setColumnValues(1, country [values[0].name]);
    console.log(picker, values);
  },
  // 选择产品升级
  confirmSelProUpgrade(){
    this.setData({
      showBaseInfo: true,
      selProUpgrade: false
    })
  },
  // 去编辑地址页面
  goAddr(){
    wx.navigateTo({
      url: '../address/address',
    })
  }
})
